﻿html {min-width:980px}
html, body {height:100%}

body { 
	margin: 0;
	padding: 0;
	height: 100%;
	/*background-color: #efeeef;*/
    clear: both;  
    line-height:1.125em;
}

#top-nav
{
    overflow:hidden;
    background: #3e3e3e;
}

/****************************** footer content *******************************/
/* footer */
.bottom{
border-top: 6px solid #171717;
background: url(../images/content-pattern.gif) #212121;
padding: 30px 0 40px 0;
color: #5C5C5C;
}

.container {
    font-size: .75em;
}
#bottomDiv
{
    position: fixed;
    bottom: 0px;
}
footer
{
    background: #3e3e3e;  
}

footer .container {color:#fff;font-size:16px;line-height:1.2em;padding:16px 0 16px 0;font-family:'ColaborateThinRegular'; bottom: 0px}
	footer .copy {float:left}
		footer .copy a {color:#fff;text-decoration:none}
		footer .copy a:hover {-moz-transition:all 0.3s ease-out; /* FF3.7+ */ -o-transition:all 0.3s ease-out; /* Opera 10.5 */ -webkit-transition:all 0.3s ease-out; /* Saf3.2+, Chrome */ color:#e83709}
	footer .phone {float:right;font-style:normal}
		footer .phone strong {font-family:'ColaborateBoldRegular';font-weight:normal;color:#e83709}
/****************************** end footer content *******************************/

/************************************ grid ********************************************/
.container {
	width: 978px;
	margin: 0 auto;
	position:relative;
}
.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11 {
	float: left;
	margin-left: 30px;
}
.grid1 {
	width: 54px;
}
.grid2 {
	width: 138px;
}
.grid3 {
	width: 222px;
}
.grid4 {
	width: 306px;
}
.grid5 {
	width: 390px;
}
.grid6 {
	width: 474px;
}
.grid7 {
	width: 558px;
}
.grid8 {
	width: 642px;
}
.grid9 {
	width: 726px;
}
.grid10 {
	width: 810px;
}
.grid11 {
	width: 894px;
}
.first {
	margin-left: 0;
	clear: left;
}


/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/************************************ end grid ****************************************/